<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<title>Leaf A Message</title>
<link rel="stylesheet" href="css/default.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/leaf.js"></script>
</head>

<body>

<div id="tagline" class="browngrad">Where messages grow on trees</div>
<a id="logo" href=""><img src="images/leaf_logo.png" /></a>

<div id="nav" class="roundshadow greengrad">
	<ul>
		<li><span id="homelink">home</span></li>
		<li><span id="statslink">statistics</span></li>
		<li><span id="aboutlink">about us</span></li>
	</ul>
</div>

<div id="maincontent" class="browngrad roundshadow">
	<div>Type your message:</div>
	<input id="message_input" type="text" name="message_input" maxlength="500" />
	<div id="submit_button" class="greengrad roundshadow">Leaf it!</div>
	<div id="message_box">
		<img id="refresh_button" src="images/refresh.png" />
		<div id="messages"></div>
	</div>
</div>
	
</body>

</html>